<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人主页</title>
    <link rel="stylesheet" th:href="@{/static_resources/css/peoplePage.css}">
</head>
<body>
    <div class="headBanner"></div>
<!--    头像容器-->
    <div class="heardPictureContent">
<!--        头像-->
        <div class="heardPicture">
<!--            <div class="picture"></div>-->
            <img th:src="@{ ${map.get('information').src } }"/>
        </div>
    </div>
<!--    昵称-->
    <div class="nickName" th:text="${map.get('information').nickname}">
        管理员
    </div>
<!--    文章，粉丝，关注，浏览-->
<!--    容器-->
    <div class="lickContent">
<!--        文章-->
        <div class="article lick">
            <div class="lickT" th:text="${map.get('information').blognumber}"></div>
            <div class="lickB">文章</div>
        </div>
        <div class="line"></div>
<!--        粉丝-->
        <div class="fans lick">
            <div class="lickT" th:text="${map.get('information').fans}"></div>
            <div class="lickB">粉丝</div>
        </div>
        <div class="line"></div>
<!--        关注-->
        <div class="follow lick">
            <div class="lickT" th:text="${map.get('information').follow}"></div>
            <div class="lickB">关注</div>
        </div>
        <div class="line"></div>
<!--        浏览量-->
        <div class="doh lick"><!--私信-->
            <div class="lickT">
                <img th:src="@{/static_resources/img/privateChat.png}" alt="">
            </div>
            <div class="lickB">私信</div>
        </div>
    </div>
<!--    文章，粉丝，关注中的内容-->
<!--    容器-->
    <div class="ContentContent">
        <div class="Content">
            <ul class="ContentLeft">
                <!--    文章，粉丝，关注-->
                <li class="Three">文章</li>
                <li class="Three">粉丝</li>
                <li class="Three">关注</li>
            </ul>
<!--            文章-->
            <div class="ContentRight">
                <div class="articles" th:each="list:${map.get('blog')}">
                    <h4 class="articlesH4" th:text="${list.title}" th:href="@{../blogs/findById?(id=${list.id},bid=${list.bid})}"></h4>
                    <div class="articlesContent" th:text="${#strings.abbreviate(list.content,150)}">

                    </div>
                    <div class="lickContentT">
                        <div class="LickTime">
                            点赞：<span class="C" th:text="${list.thumbsup}"></span>
                        </div>
                        <div class="LickTime">`
                            收藏：<span class="C" th:text="${list.collection}"></span>
                        </div>
                        <div class="LickTime">
                            浏览：<span class="C" th:text="${list.doh}"></span>
                        </div>
                        <div class="LickTime" th:text="${list.releasetime}">

                        </div>
                    </div>
                </div>
            </div>
<!--            粉丝-->
            <div class="ContentRight">
                <div class="follows" th:each="list:${map.get('fun')}" th:text="${list.nickname}" th:href="@{ /users/information?(id=${list.id}) }">

                </div>
            </div>
<!--            关注-->
            <div class="ContentRight">
                <div class="contents" th:each="list:${map.get('attention')}" th:text="${list.nickname}" th:href="@{ /users/information?(id=${list.id}) }">

                </div>

            </div>

        </div>
    </div>
<script th:src="@{/static_resources/js/peoplePage.js}"></script>
</body>
</html>